<!DOCTYPE html>
<html lang="zh" class="">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <title>LearnKu 终身编程者的知识社区
    </title>
    <link rel="shortcut icon" href="https://cdn.learnku.com/uploads/images/201901/27/1/jdor3lMsMw.png!/both/44x44"/>
    <!-- Styles -->
    <link href="https://cdn.learnku.com//build/css/df80a43d32032bc8fda1-vendors.css" rel="stylesheet">
    <link href="https://cdn.learnku.com//build/css/c401bd6135ed8e60ccfb-app.css" rel="stylesheet">

    <style type="text/css">
        .userModel {
          display:block;
          text-align:left;
          background:#fff;
          border:none;
          box-shadow: 1px 3px 3px 0 rgba(0,0,0,.2),1px 3px 15px 2px rgba(0,0,0,.2);
          transform-origin:50% 25%;
          border-radius:.28571429rem;
          margin:30px auto;
          padding:20px;
      }
      #navbox {
        display:flex;
        flex-direction: row;
        margin-left:auto;        
      }
  </style>
</head>

<body class=" auth-register-form-page">

    <style>

        .ui.top.menu {
            border-top: 4px solid #00b5ad;
        }

        .ui.fluid.search .results {
            width: 550px;
        }

        @media  only screen and (max-width: 600px) {
            .ui.container>.ui .icon .input {
                height: 52px;
                flex-direction: initial;
                border
                display: none!important;
            }
        }
        @media  only screen and (max-width: 767px) {
            .ui.top.menu > .ui.container {
                height: 52px;
                flex-direction: initial;
            }
        }
        /* 顶部导航栏 */
        .ui.top.menu {
            border-top: 4px solid #00b5ad;
        }

        /* 右边导航栏顶部样式 */
        .ui.top-color.segment:not(.inverted) {
            border-top: 2px solid #00b5ad;
        }

        /* 右边导航栏顶部样式 */
        .ui.top-color.card:not(.inverted) {
            border-top: 2px solid #00b5ad;
        }

        a {
            color: #1775cc;
        }

        a:hover, a:focus {
            color: #0081f9;
            transition: color .15s ease 0s;
        }

        /* 主要按钮 */

        .ui.primary.buttons .button, .ui.primary.button {
            background-color: #00b5ad;
            border-color: #00b5ad;
        }

        /* 主要按钮选中状态 */
        .ui.primary.buttons .button:hover, .ui.primary.button:hover, .ui.primary.button:focus, .ui.primary.buttons .button:focus{
            background-color: #00b5ad;
            border-color: #00b5ad;
        }

        /* 外框按钮 */
        .ui.basic.primary.buttons .button, .ui.basic.primary.button {
            color: #00b5ad !important;
            box-shadow: 0px 0px 0px 1px #00b5ad inset !important;
        }

        /* 外框按钮选中状态 */
        .ui.basic.primary.buttons .button:hover, .ui.basic.primary.button:hover {
            color: #00b5ad !important;
            box-shadow: 0px 0px 0px 1px #00b5ad inset !important;
        }
        .ui.basic.primary.buttons .button:active, .ui.basic.primary.button:active, .ui.basic.primary.buttons .active.button, .ui.basic.primary.active.button, .ui.basic.buttons .button:hover, .ui.basic.button:hover,.ui.basic.primary.buttons .button:focus, .ui.basic.primary.button:focus {
            color: #00b5ad !important;
            box-shadow: 0px 0px 0px 1px #00b5ad inset !important;
        }

        
        .footer {
            max-height: max-content;
        }

    </style>



    <div class="ui top menu sidebar stackable">
        <div class="item">
            <img class="" style="width:26px;height:26px;margin-top:-2px;" src="__IMG__/icon.png">
            <span class="site-name ml-2">LearnKu</span>
        </div>



        <form class="ui fluid category  item secondary" action="https://learnku.com/search" method="GET">
          <div class="ui icon input">
            <input class="prompt" name="q" type="text" placeholder="搜索" value="">
            <i class="search icon"></i>
        </div>
    </form>

</div>


<div class="pusher">

    <div class="main container">

        <nav class="ui main borderless menu top stackable topnav" id="topnav">
            <div class="ui container">

              <div class="ui inline scrolling community-nav dropdown mr-2" style="padding-left: 22px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;">
                <div class="text site-logo" style="color:#888888;display: flex;">

                    <img class="" style="width:26px;height:26px;margin-top:-2px;" src="__IMG__/icon.png">
                    <span class="site-name">LearnKu </span>
                </div>
 
        </div>


        <form class="ui fluid category search item secondary hide-on-991" action="https://learnku.com/search" method="GET">
          <div class="ui icon input">
            <input class="prompt" name="q" type="text" placeholder="搜索" value="">
            <i class="search icon"></i>
        </div>
        <div class="results"></div>
    </form>
    <div id="navbox">
        <a class="item secondary">首页</a>
        <a class="item secondary">门户页</a>
        <a class="item secondary">资源列表页</a>
        <a class="item secondary">发帖页</a>
        <a class="item secondary">资源详情页</a>
        <a class="item secondary">登录</a>
        <a class="item secondary">注册</a>
        <a class="item secondary">联系我们</a>
    </div>
   



    

</div>

</nav>
<!-- 手机 -->
<!-- <div class="mb-3 hide show-on-wechat-view">
    <div class="ui centered grid container message-container">
        <div class="sixteen wide column pt-0 pb-0">
            <a class="ui button fluid green wechat-login-link" href="https://learnku.com/auth/oauth?driver=wechat"><i class="icon wechat " ></i> 微信登录</a>
        </div>
    </div>
</div> -->

<div class="ui centered grid stackable container mt-5 pt-3">

  <div class="userModel login small" style="width:350px";>
      <div class="header">
        <h4 class="modal-title ">
            <img class=" display-inline-block mr-2" style="width:32px;height:32px;" src="https://cdn.learnku.com/uploads/images/201901/24/1/OyBnfB2vlk.png"> <span style="position: relative;top: 4px;">请登录</span>
        </h4>
    </div>
    <div class="content">



        <form class="ui form login" role="form" method="POST" action="https://learnku.com/auth/login" accept-charset="UTF-8">

          <div class="field">
            <div class="ui left icon input">
                <i class="user icon"></i>
                <input type="text" name="username" placeholder="邮 箱 or 手 机 or 用户名" value="" required>
            </div>
        </div>
        <div class="field">
            <div class="ui left icon input">
                <i class="lock icon"></i>
                <input type="password" name="password" placeholder="密 码" value="" required>
            </div>
        </div>
        <button class="ui primary right labeled icon button" type="submit">
            <i class="right arrow icon"></i>
            提交
        </button>

        <div class="pull-right mt-2 rm-link-color">
            <a class="btn btn-link " href="https://learnku.com/auth/forget" target="_blank">
                忘记密码?
            </a>
            <span class="text-mute">or</span>
            <a class="btn btn-link " href="https://learnku.com/auth/register" target="_blank">
                注册
            </a>
        </div>

        <div class="clearfix"></div>
        <div class="ui horizontal divider fs-tiny text-mute">
            第三方账号登录
        </div>

        <a class="ui button fluid mt-2 green wechat-login-link" href="https://learnku.com/auth/oauth?driver=wechat"><i class="icon wechat " ></i> 微信登录</a>

        <a class="ui button fluid mt-2 basic" id="login-required-submit" href="https://learnku.com/auth/oauth?driver=github"><i class="icon github alternate"></i> GitHub 登录</a>

    </form>
</div>
</div>

<!-- 登录部分结束 -->
</div>
</div>

<div class="ui inverted vertical footer segment">
    <div class="ui center aligned container">


        <div class="ui stackable inverted divided grid">
            <div class="four wide column">
                <h4 class="ui inverted header">
                    <img src="https://cdn.learnku.com/uploads/images/201908/22/1/oVrAoOQ4Vc.png!/fw/40" alt="" style="width: 32px;border-radius: 6px;position: relative;top: -5px;">
                    关于 LearnKu
                </h4>
                <div class="ui inverted  text-center">
                    <div class="lh-3">LearnKu 是终身编程者的修道场</div>
                    <div class="lh-3">摒弃世俗浮躁，追求技术精湛</div>
                </div>

                <div class="ui inverted  text-center mt-3 rm-link-color tdu">
                    <i class="icon birthday"></i> <a href="https://learnku.com/articles/28735" >LearnKu 诞生的故事</a>
                </div>
            </div>
            <div class="four wide column">
                <h4 class="ui inverted header">资源推荐</h4>
                <div class="ui inverted link list">
                    <li class="mb-1">
                        <a class="item" href="https://learnku.com/docs/guide">
                            《社区使用指南》
                        </a>
                    </li>
                    <li class="mb-1">
                        <a class="item" href="https://learnku.com/docs/writing-docs">
                            《文档撰写指南》
                        </a>
                    </li>
                    <li class="mb-1">
                        <a class="item" href="https://learnku.com/docs/guide/protocol/4992">
                            《LearnKu 社区规范》
                        </a>
                    </li>
                </div>
            </div>
            <div class="four wide column">
                <h4 class="ui inverted header">赞助商</h4>
                <div class="ui inverted link list">
                    <a href="https://passport.ucloud.cn/?invitation_code=rami45zj5kpm&amp;ytag=reZ5E7" rel="nofollow noopener noreferrer" class="item" target="_blank" style="line-height: 28px;">
                        <img src="https://cdn.learnku.com/uploads/banners/bQawWl3vT5dc2lYx5JZ7.png!large" title="本站服务器由 UCloud 赞助" class="ui popover" style="height: 20px;margin-bottom: -4px;margin-right: 3px;display: inline-block;">
                    </a>
                    <a href="https://www.upyun.com/" rel="nofollow noopener noreferrer" class="item" target="_blank" style="line-height: 28px;">
                        <img src="https://cdn.learnku.com/uploads/banners/XPtLlZmIN1cQbLuDFEON.png!large" title="社区 CDN 赞助商" class="ui popover" style="height: 20px;margin-bottom: -4px;margin-right: 3px;display: inline-block;">
                    </a>
                    <a href="http://www.sendcloud.net/" rel="nofollow noopener noreferrer" class="item" target="_blank" style="line-height: 28px;">
                        <img src="https://cdn.learnku.com/uploads/banners/JpTCK6OKYBIrBIWdtob8.png!large" title="订阅邮件赞助商：SendCloud" class="ui popover" style="height: 20px;margin-bottom: -4px;margin-right: 3px;display: inline-block;">
                    </a>
                </div>
            </div>
            <div class="four wide column">
                <h4 class="ui inverted header">其他信息</h4>
                <div class="ui inverted link list">

                    <li>
                        <a class="item" href="https://learnku.com/contact?code=outsource">
                            <i class="icon thumbs up"></i> 软件外包
                        </a>
                    </li>
                    <li>
                        <a class="item" href="https://learnku.com/docs/guide/administrator/4485" >
                            <i class="icon heartbeat"></i> 成为版主
                        </a>
                    </li>
                    <li>
                        <a class="item" href="https://learnku.com/quizzes" >
                            <i class="icon wpforms"></i> 所有测验
                        </a>
                    </li>
                    <li>
                        <a class="item" href="https://learnku.com/contact">
                            <i class="icon wechat" aria-hidden="true" ></i> 联系站长（反馈建议）
                        </a>
                    </li>
                </div>
            </div>
        </div>

        <div class="ui inverted section divider"></div>
        <div style="color: rgb(137, 137, 140);font-size:0.9em;"  class="rm-link-color">
            <p>
                <a href="http://beian.miit.gov.cn/" target="_blank">粤ICP备18099781号-6</a>
                <span class="mx-2">|</span>
                <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44030502004330" target="_blank"><img src="https://cdn.learnku.com/uploads/images/201908/21/1/L4ckM2CVb6.png!/fw/20" width="20" style="position: relative;top: 4px;"> 粤公网安备 44030502004330号</a>
                <span class="mx-2">|</span>
                <a href="https://learnku.com/lk">违法和不良信息举报</a>
            </p>
            <p style=" margin-top:-8px;margin-bottom: -0px;" class="ui inverted signature">
              由 <a href="https://learnku.com/contact" target="_blank" style="color: inherit;">Summer</a> 设计和编码 <span style="color: #e27575;font-size: 14px;">❤</span>
          </p>
      </div>
  </div>
</div>



</div>

<div class="ui modal login small" style="width:400px;margin: 0em 0em 0em -200px;">
  <i class="close icon"></i>
  <div class="header">
    <h4 class="modal-title ">
        <img class=" display-inline-block mr-2" style="width:32px;height:32px;" src="https://cdn.learnku.com/uploads/images/201901/24/1/OyBnfB2vlk.png"> <span style="position: relative;top: 4px;">请登录</span>
    </h4>
</div>
<div class="content">



    <form class="ui form login" role="form" method="POST" action="https://learnku.com/auth/login" accept-charset="UTF-8">
        <input type="hidden" name="_token" value="O8e1wpVJ9wcjj1A1qBg4jhPq3VjTfDLO8MJt9wMW">
        <input type="hidden" name="remember" value="yes">

        <input type="hidden" name="return_back" value="no">

        <div class="field">
            <div class="ui left icon input">
                <i class="user icon"></i>
                <input type="text" name="username" placeholder="邮 箱 or 手 机 or 用户名" value="" required>
            </div>
        </div>
        <div class="field">
            <div class="ui left icon input">
                <i class="lock icon"></i>
                <input type="password" name="password" placeholder="密 码" value="" required>
            </div>
        </div>
        <button class="ui primary right labeled icon button" type="submit">
            <i class="right arrow icon"></i>
            提交
        </button>

        <div class="pull-right mt-2 rm-link-color">
            <a class="btn btn-link " href="https://learnku.com/auth/forget" target="_blank">
                忘记密码?
            </a>
            <span class="text-mute">or</span>
            <a class="btn btn-link " href="https://learnku.com/auth/register" target="_blank">
                注册
            </a>
        </div>

        <div class="clearfix"></div>


        <div class="ui horizontal divider fs-tiny text-mute">
            第三方账号登录
        </div>



        <a class="ui button fluid mt-2 green wechat-login-link" href="https://learnku.com/auth/oauth?driver=wechat"><i class="icon wechat " ></i> 微信登录</a>

        <a class="ui button fluid mt-2 basic" id="login-required-submit" href="https://learnku.com/auth/oauth?driver=github"><i class="icon github alternate"></i> GitHub 登录</a>

    </form>
</div>
</div>


<div class="ui modal small report">
    <div class="header modal-title">内容举报</div>
    <form class="ui form error" method="POST" action="https://learnku.com/reports" accept-charset="UTF-8">
       <input type="hidden" name="_token" value="O8e1wpVJ9wcjj1A1qBg4jhPq3VjTfDLO8MJt9wMW">
       <input name="reportable_id" type="hidden" value="">
       <input name="reportable_type" type="hidden" value="">
       <div class="content" style="padding: 20px;">
        <div class="ui message warning show">
            <i class="icon info"></i> 匿名举报，为防止滥用，仅管理员可见举报者。
        </div>
        <p>我要举报该<span class='modal-typename'></span>，理由是：</p>
        <div class="field">
            <div class="ui radio checkbox">
                <input  type="radio" name="report_type" value="spam" required>
                <label><strong>垃圾广告</strong>：恶意灌水、广告、推广等内容</label>
            </div>
        </div>
        <div class="field">
            <div class="ui radio checkbox">
                <input  type="radio" name="report_type" value="meaningless" required>
                <label><strong>无意义内容</strong>：测试、灌水、文不对题、消极内容、文章品质太差等</label>
            </div>
        </div>
        <div class="field">
            <div class="ui radio checkbox">
                <input  type="radio" name="report_type" value="violation" required>
                <label><strong>违规内容</strong>：色情、暴利、血腥、敏感信息等</label>
            </div>
        </div>
        <div class="field">
            <div class="ui radio checkbox">
                <input  type="radio" name="report_type" value="unfriendly" required>
                <label><strong>不友善内容</strong>：人身攻击、挑衅辱骂、恶意行为</label>
            </div>
        </div>
        <div class="field">
            <div class="ui radio checkbox">
                <input  type="radio" name="report_type" value="vpn" required>
                <label><strong>科学上网</strong>：翻墙、VPN、Shadowsocks，政策风险，会被关站！</label>
            </div>
        </div>
        <div class="field">
            <div class="ui radio checkbox">
                <input  type="radio" name="report_type" value="qa" required>
                <label><strong>不懂提问</strong>：提问太随意，需要再做一遍《提问的智慧》测验</label>
            </div>
        </div>
        <div class="field">
            <div class="ui radio checkbox">
                <input  type="radio" name="report_type" value="markdown" required>
                <label><strong>排版混乱</strong>：没有合理使用 Markdown 编写文章，未使用代码高亮</label>
            </div>
        </div>
        <div class="field">
            <div class="ui radio checkbox">
                <input  type="radio" name="report_type" value="copywriting" required>
                <label><strong>内容结构混乱</strong>：逻辑不清晰，内容混乱，难以阅读</label>
            </div>
        </div>
        <div class="field">
            <div class="ui radio checkbox">
                <input  type="radio" name="report_type" value="title" required>
                <label><strong>标题随意</strong>：标题党、标题不释义</label>
            </div>
        </div>
        <div class="field">
            <div class="ui radio checkbox">
                <input  type="radio" name="report_type" value="category" required>
                <label><strong>错误分类</strong>：文章分类选择错误，提问内容未选「问答」分类</label>
            </div>
        </div>
        <div class="field">
            <div class="ui radio checkbox">
                <input  type="radio" name="report_type" value="other" required>
                <label><strong>其他理由</strong>：请补充说明</label>
            </div>
        </div>
        <div class="field">
          <textarea placeholder="请提供详尽的说明" name="reason" rows="3"></textarea>
      </div>
  </div>
  <div class="actions field" style="padding: 1px 12px 25px;">
    <button class="ui primary button" type="submit">举报</button>
    <div class="ui cancel button">取消</div>
</div>
</form>
</div>



</body>

</html>